<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>院校详情</title>
    <link rel="stylesheet" href="/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="/bootstrap/css/bootstrap-submenu.css">

    <script src="js/layui/layui.js"></script>
    <script src="js/jquery-3.2.1.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/jquery-3.3.0.js"></script>
    <script>
        layui.use('form', function(){
            var form = layui.form;

            //监听提交
            form.on('submit(formDemo)', function(data){
                layer.msg(JSON.stringify(data.field));
                return false;
            });
            form.render();
        });
    </script>
</head>
<body>
<div class="container" id="frontTop"></div>

<div class="container">
    <nav class="breadcrumb">
        <a class="breadcrumb-item" href="mainPage">首页</a>
        <a class="breadcrumb-item" href="universityQuery">院校查询</a>
        <span class="breadcrumb-item active">河南大学</span>
    </nav>
    <div class="container row">
        <div class="col-sm-2">
            <div class="fakeimg">
                <img src="images/henuLogo.jpg" style="width:80%;height:80%">
            </div>
        </div>
        <div class="col-sm-10">
            <h2>河南大学</h2>
            <small>河南开封</small>
            <span class="badge badge-primary">双一流</span>
            <span class="badge badge-info">综合类</span>
            <span class="badge badge-success">薪资超87%的专业</span>
            <h5><a href="http://www.henu.edu.cn/">进入官方网站>></a></h5>
            <h5>招生电话: 0378-2196656|0378-2196686</h5>
        </div>

    </div>
</div>

<div class="container">
    <nav>
        <div class="nav nav-tabs" id="nav-tab" role="tablist">
            <a class="nav-item nav-link active" id="nav-home-tab" data-toggle="tab" href="#nav-home" role="tab" aria-controls="nav-home" aria-selected="true">学校概况</a>
            <a class="nav-item nav-link" id="nav-profile-tab" data-toggle="tab" href="#nav-profile" role="tab" aria-controls="nav-profile" aria-selected="false">录取招生</a>
        </div>
    </nav>

    <div class="tab-content" id="nav-tabContent">
        <div class="tab-pane fade show active" id="nav-home" role="tabpanel" aria-labelledby="nav-home-tab">
            <div class="container row">
                <div class="col-sm-8">
                    <h4>院校介绍</h4>
                    <p>河南大学（Henan University）简称“河大”，是河南省人民政府与中华人民共和国教育部“省部共建高校”。学校入选世界一流学科建设高校、高等学校学科创新引智计划（111计划） [1]  、中西部高校基础能力建设工程、卓越医生教育培养计划、卓越法律人才教育培养计划、卓越教师培养计划、国家级大学生创新创业训练计划 [2]  、全国深化创新创业教育改革示范高校 [3]  、国家大学生文化素质教育基地 [4]  、全国毕业生就业典型经验高校 [5]  、中国政府奖学金来华留学生接收院校等。</p>
                    <button type="button" class="btn btn-outline-primary" style="margin:auto"><a href="https://baike.baidu.com/item/%E6%B2%B3%E5%8D%97%E5%A4%A7%E5%AD%A6/130453?fr=aladdin">了解更多</a></button>
                </div>

                <div class="col-sm-4">
                    <h4>基础信息</h4>
                    <h6>创办时间1912年（民国元年）9月25日</h6>
                    <h6>主管部门：河南省</h6>
                    <h6>所属地区：河南开封、河南郑州</h6>
                    <h6>类别：公立大学</h6>
                    <h6>学校类型：综合类</h6>
                    <h6>属性“双一流”世界一流学科建设高校（2017年）</h6>
                </div>
            </div>

            <hr class="layui-bg-blue">
            <div class="container row">
                <div class="col-sm-8">
                    <h4>校园风光</h4>
                    <div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
                        <ol class="carousel-indicators">
                            <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active">

                            </li>
                            <li data-target="#carouselExampleIndicators" data-slide-to="1">

                            </li>
                            <li data-target="#carouselExampleIndicators" data-slide-to="2">

                            </li>
                        </ol>
                        <div class="carousel-inner">
                            <div class="carousel-item active">
                                <img src="images/campusView.jpg" class="d-block w-100" alt="...">
                            </div>
                            <div class="carousel-item">
                                <img src="images/campusView.jpg" class="d-block w-100" alt="...">
                            </div>
                            <div class="carousel-item">
                                <img src="images/campusView.jpg" class="d-block w-100" alt="...">
                            </div>
                        </div>
                        <a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
                            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                            <span class="sr-only">Previous</span>
                        </a>
                        <a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
                            <span class="carousel-control-next-icon" aria-hidden="true"></span>
                            <span class="sr-only">Next</span>
                        </a>
                    </div>


                </div>
                <div class="col-sm-4">
                    <h4>学校排名</h4>
                    <h5><a href="#">VR薪酬排名：</a>未收录></h5>
                    <h5><a href="#">iPIN薪酬排名：</a>236></h5>
                    <h5><a href="#">武书连排名：</a>71></h5>
                    <h5><a href="#">中国校友会网排名：</a>84></h5>
                    <h5><a href="#">US News排名：</a>未收录></h5>
                    <h5><a href="#">QS排名：</a>未收录></h5>
                </div>
            </div>

            <hr class="layui-bg-blue">
            <div class="container">
                <h4>开设专业</h4>
                <table class="table">
                    <thead>
                    <tr>
                        <th>类别</th>
                        <th>专业名称</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr>
                        <td>哲学</td>
                        <td>哲学</td>
                    </tr>
                    <tr>
                        <td>经济学</td>
                        <td>经济学;经济统计学;国民经济管理;商务经济学;能源经济;劳动经济学;数字经济;经济工程</td>
                    </tr>
                    <tr>
                        <td>法学</td>
                        <td>法学;知识产权;监狱学;司法警察学;社区矫正;国际经贸规则;信用风险管理与法律防控</td>
                    </tr>
                    </tbody>
                </table>
                <button type="button" class="btn btn-outline-info btn-lg btn-block" ><a href="universityRank">展开查看更多</a></button>
                <!-- <button type="button" class="btn btn-outline-primary"></button> -->
            </div>

            <hr class="layui-bg-blue">
            <div class="container row">
                <div class="col">
                    <h4>校园生活</h4>
                    <button type="button" class="btn btn-primary">
                        <h5>食宿条件</h5>
                        <small><a style="color:white" href="http://www.henu.edu.cn/">查看该校的食堂和宿舍情况</a></small>
                        <span class="badge badge-light">>></span>
                    </button>
                    <button type="button" class="btn btn-danger">
                        <h5>奖助学金</h5>
                        <small><a style="color:white" href="http://www.henu.edu.cn/">查看该校的奖学金和贫困生助学金情况</a></small>
                        <span class="badge badge-light">>></span>
                    </button>
                </div>

                <div class="col">
                    <h4>科研教学</h4>
                    <!-- <div>
                        <img src="images/master.jpg" class="rounded-circle" alt="Cinque Terre">
                    </div> -->
                    <button type="button" class="btn btn-danger">
                        <h5>硕士点</h5>
                        <span class="badge badge-light">42</span>
                    </button>
                    <button type="button" class="btn btn-danger">
                        <h5>博士点</h5>
                        <span class="badge badge-light">12</span>
                    </button>
                    <button type="button" class="btn btn-danger">
                        <h5>重点专业</h5>
                        <span class="badge badge-light">5</span>
                    </button>
                    <button type="button" class="btn btn-danger">
                        <h5>重点实验室</h5>
                        <span class="badge badge-light">4</span>
                    </button>
                </div>
            </div>

            <hr class="layui-bg-blue">
            <div class="container row">
                <div class="col-sm-6">
                    <h4>男女生比例</h4>
                    <div  class="row">
                        <div class="col-sm-2">
                            <button type="button" class="btn btn-light" style="border-radius:80px;">
                                <h5>男生</h5>
                            </button>
                        </div>
                        <div class="progress col-sm-8">
                            <div class="progress-bar bg-success" style="width:50%">50%</div>
                            <div class="progress-bar bg-danger" style="width:50%">50%</div>
                        </div>
                        <div class="col-sm-2">
                            <button type="button" class="btn btn-light" style="border-radius:80px;">
                                <h5>女生</h5>
                            </button>
                        </div>
                    </div>
                </div>

                <div class="col-sm-6">
                    <h4>深造情况</h4>
                    <div>
                        <button type="button" class="btn btn-success" style="border-radius:80px;">
                            <h4>读研比例</h4>
                            <h5>27%</h5>
                        </button>

                        <button type="button" class="btn btn-light" style="border-radius:80px;">
                            <h4>出国比例</h4>
                            <h5>样本不足</h5>
                        </button>
                    </div>
                </div>
            </div>
            <hr class="layui-bg-blue">
        </div>


        <div class="tab-pane fade" id="nav-profile" role="tabpanel" aria-labelledby="nav-profile-tab">
            <div class="container">
                <h4>学校录取分数线</h4>
                <form class="form-inline">
                    <label class="my-1 mr-2" for="inlineFormCustomSelectPref">选择地区与分类</label>
                    <select class="custom-select my-1 mr-sm-2" id="inlineFormCustomSelectPref">
                        <option value="1">河南</option>
                        <option value="2">北京</option>
                        <option value="3">上海</option>
                    </select>

                    <select class="custom-select my-1 mr-sm-2" id="inlineFormCustomSelectPref">
                        <option value="1">理科</option>
                        <option value="2">文科</option>
                        <option value="3">艺术</option>
                        <option value="4">体育</option>
                    </select>

                    <button type="submit" class="btn btn-primary my-1">确定</button>
                </form>
                <table class="table">
                    <thead>
                    <tr>
                        <th>年份</th>
                        <th>平均分</th>
                        <th>最低分</th>
                        <th>省控线</th>
                        <th>最低分排名</th>
                        <th>录取人数</th>
                        <th>录取批次</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr>
                        <td>2017年</td>
                        <td></td>
                        <td>531</td>
                        <td>484</td>
                        <td>41790</td>
                        <td></td>
                        <td></td>
                    </tr>
                    <tr>
                        <td>2016年</td>
                        <td></td>
                        <td>559</td>
                        <td>523</td>
                        <td>39011</td>
                        <td></td>
                        <td></td>
                    </tr>
                    <tr>
                        <td>2015年</td>
                        <td></td>
                        <td>553</td>
                        <td>529</td>
                        <td>37776</td>
                        <td></td>
                        <td></td>
                    </tr>
                    </tbody>
                </table>
                <small>"-"表示暂无该数据或者学校该年无招生</small>
            </div>

            <hr class="layui-bg-blue">
            <div class="container">
                <h4>招生计划</h4>
                <form class="form-inline">
                    <label class="my-1 mr-2" for="inlineFormCustomSelectPref">选择地区与分类</label>
                    <select class="custom-select my-1 mr-sm-2" id="inlineFormCustomSelectPref">
                        <option value="1">河南</option>
                        <option value="2">北京</option>
                        <option value="3">上海</option>
                    </select>

                    <select class="custom-select my-1 mr-sm-2" id="inlineFormCustomSelectPref">
                        <option value="1">理科</option>
                        <option value="2">文科</option>
                        <option value="3">艺术</option>
                        <option value="4">体育</option>
                    </select>

                    <select class="custom-select my-1 mr-sm-2" id="inlineFormCustomSelectPref">
                        <option value="1">2019</option>
                        <option value="2">2018</option>
                        <option value="3">2017</option>
                    </select>

                    <select class="custom-select my-1 mr-sm-2" id="inlineFormCustomSelectPref">
                        <option value="1">本科一批</option>
                        <option value="2">本科二批</option>
                    </select>
                    <button type="submit" class="btn btn-primary my-1">确定</button>
                </form>

                <form class="layui-form" action="">
                    <div class="layui-form-item">
                        <p>学科门类：</p>
                        <div class="layui-input-block">
                            <input type="radio" name="subject" title="哲学" lay-skin="primary">
                            <input type="radio" name="subject" title="经济学" lay-skin="primary">
                            <input type="radio" name="subject" title="法学" lay-skin="primary">
                            <input type="radio" name="subject" title="教育学" lay-skin="primary">
                            <input type="radio" name="subject" title="文学" lay-skin="primary">
                            <input type="radio" name="subject" title="历史学" lay-skin="primary">
                            <input type="radio" name="subject" title="理学" lay-skin="primary">
                            <input type="radio" name="subject" title="工学" lay-skin="primary">
                            <input type="radio" name="subject" title="农学" lay-skin="primary">
                            <input type="radio" name="subject" title="医学" lay-skin="primary">
                            <input type="radio" name="subject" title="管理学" lay-skin="primary">
                            <input type="radio" name="subject" title="艺术学" lay-skin="primary">
                        </div>
                    </div>
                </form>

                <table class="table">
                    <thead>
                    <tr>
                        <th>专业名称</th>
                        <th>学科门类</th>
                        <th>二级门类</th>
                        <th>计划招生</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                    </tr>
                    <tr>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                    </tr>
                    </tbody>
                </table>
                <small>"-"表示暂无该数据或者学校该年无招生</small>
            </div>

            <hr class="layui-bg-blue">
            <div class="container">
                <h4>专业录取分数线</h4>
                <small>专业往年录取数据来源于考试院组编的《志愿填报指南》</small>
                <table class="table">
                    <thead>
                    <tr>
                        <th>专业名称</th>
                        <th>学科门类</th>
                        <th>录取人数</th>
                        <th>录取平均分</th>
                        <th>录取最低分</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr>
                        <td>计算机类</td>
                        <td>工科</td>
                        <td>193</td>
                        <td>540.3</td>
                        <td>538</td>
                    </tr>
                    <tr>
                        <td>历史学类</td>
                        <td>文科</td>
                        <td>20</td>
                        <td>535.7</td>
                        <td>531</td>
                    </tr>
                    </tbody>
                </table>
                <small>"-"表示暂无该数据或者学校该年无招生</small>
            </div>

            <hr class="layui-bg-blue">
            <div class="container">
                <h5>说明:</h5>
                <h6>录取概率根据学校录取数据和考生个人成绩综合计算得出，仅供参考；</h6>
                <h6>建议考生在填报志愿时参考本网站数据，并结合自身情况和考试院及学校招生简章综合考虑;</h6>
                <h6>使用中如发现错误或遗漏请与我们联系： <a href="userQuestion">联系我们</a></h6>
            </div>
        </div>


    </div>

</div>


<div class="container" id="frontBottom"></div>
<!-- jq引用 -->
<script src="/js/jquery-3.3.0.js"></script>
<script src="/layui/layui.js"></script>
<!--bootstrap引用 -->
<script src="/bootstrap/bootstrap.min.js"></script>
<script src="/js/publicSection.js"></script>
<script>
    $("#frontTop").load("frontTop");
    $("#frontBottom").load("frontBottom");
</script>
</body>
</html>